* {
  box-sizing: border-box;
}
/* body的样式重置 */
body {
  /* 不同浏览器外间距不同，不要，清零 */
  margin: 0;
  /* 字体大小和颜色的设置 */
  color: #666;
  font-size: 14px;
  font-family: Hiragino Sans GB;
  /* 背景颜色 */
  background-color: #f5f5f5;
}
/* 所有连接放上去都是小手样式 */
a {
  cursor: pointer;
}
/* 对超链接进行样式重置 */
a:link {
  /* 清除超链接自带的下划线 */
  text-decoration: none;
  /* 修改超链接的字体颜色，超链接默认不会继承body的字体颜色 */
  color: #fff;
}

a:hvisited {
  /* 超链接访问前后的字体颜色是一样的 */
  color: #fff;
}

/* 列表的样式重置 */
ul,
li,
p,
i,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 清除段落默认存在的上下外间距 */
p {
  /* 浏览器为所有的段落提供了上下外间距，需要清除 */
  margin: 0;
}

input {
  /* 当输入框获得输入焦点时，会显示外轮廓线，需要清除 */
  outline: none;
}

/* 所有元素: 边框盒子 - 宽度不受边框和内边距影响 */
* {
  box-sizing: border-box;
}

/* 解决 幽灵空白节点 */
img,
div {
  display: block;
}
